*{
    margin: 0;
    padding: 0;
}

body{
    font-size: 16px;
}

#cloneEachChat,
#cloneEachPerson,
#cloneEachGroup,
#cloneEachSearchPerson,
#cloneEachSearchGroup,
#cloneEachNotice,
#mask,
#login,
.chatWindow,
.searchWindow,
.connectWindow,
.groupWindow,
.noticeWindow,
#login .register{
    display: none;
}

.isChoose{
    background: #4fc177;
}

.noChoose{
    background: #dddddd;
}

#mask{
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    filter:alpha(opacity=60);
    opacity: 0.6;
    z-index: 2;
}

#login{
    border: 1px solid #666;
    background: #fff;
    text-align: center;
    position: absolute;
    padding: 1rem;
    width: 20rem;
    left: 50%;
    top: 30%;
    border-radius: 0.5rem;
    transform: translate(-50%,-50%);
    z-index: 4;
}

#login .typeText{
    display: inline-block;
    width: 49%;
}

#login .login,#login .register{
    margin: 20px 0 0;
}

#login p{
    margin: 0 0 0.5rem 0;
}

#login .textSpan{
    width: 4rem;
    text-align: right;
    display: inline-block;
}

#login input{
    margin: 0.1rem;
    padding: 0.1rem;
    border: 1px solid #b4b4b4;
}

#login button{
    padding: 0.3rem;
}

#loading{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #14524d;
    filter:alpha(opacity=70);
    opacity: 0.7;
    z-index: 3;
    text-align: center;
    display: none;
}

#loading img{
    transform: translate(0,10%);
}

.loginWindow{
    position: fixed;
    top: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
    width: 20rem;
    background-color: #92D3FF;
    border-radius: 0.5rem;
}

.loginWindow .loginInfobackgroundImage{
    position: absolute;
    width: 19rem;
    height: 7rem;
    margin: 0.5rem;
    filter:alpha(opacity=70);
    opacity: 0.7;
    overflow: hidden;
}

.loginWindow .loginInfo{
    width: 19rem;
    height: 7rem;
    margin: 0.5rem;
    position: relative;
}

.loginWindow .loginInfo .loginPhoto{
    position: absolute;
    margin: 0.5rem;
}

.loginWindow .loginInfo .loginPhoto img{
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
}

.loginWindow .loginInfo .loginName{
    position: absolute;
    margin:0.8rem 0.5rem 0.2rem;
    left:5rem;
    width: 12rem;
    height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.loginWindow .loginInfo .loginMethod{
    position: absolute;
    margin:0.2rem 0.5rem 0.8rem;
    left:5rem;
    top: 2.5rem;
    width: 12rem;
    height: 1.5rem;
}

.loginWindow .loginInfo .loginMethod div{
    padding: 0.2rem;
    display: inline-block;
    background-color: #eee;
    font-size: 0.6rem;
    cursor: pointer;
    margin: 0 0.3rem 0 0;
}

.loginWindow .loginInfo .loginMethod div span{
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background: #e64c4c;
    font-size: 0.5rem;
    text-align: center;
    line-height: 1.1rem;
    top: -0.5rem;
    left: 3rem;
    color: seashell;
}

.loginWindow .loginInfo .searchUser{
    position: absolute;
    top: 5rem;
    width: 17rem;
    padding: 0.25rem 0.5rem;
}

.loginWindow .loginInfo .searchUser input{
    width: 18rem;
    padding: 0 0.5rem;
}

.loginWindow .connectList{
    position: absolute;
    bottom: 0.5rem;
    top: 7.5rem;
    width: 19rem;
    left: 0.5rem;
    background-color: powderblue;
}

.loginWindow .connectList .taps{
    width: 19rem;
    height: 1.5rem;
    background: #ddd;
}

.loginWindow .connectList .taps .personTap{
    width: 9.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;float: left
}

.loginWindow .connectList .taps .groupTap{
    width: 9.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;float: right
}

.loginWindow .connectList .personList{
    position: absolute;
    bottom: 0rem;
    top: 1.5rem;
    width: 18rem;
    padding:0 0.5rem;overflow-y: auto
}

.loginWindow .connectList .groupList{
    position: absolute;
    bottom: 3rem;
    top: 1.5rem;
    width: 18rem;
    padding:0 0.5rem;overflow-y: auto
}

.loginWindow .connectList .groupAdd{
    position: absolute;
    bottom: 0.5rem;
    left: 4rem;
    text-align: center;
    width: 10rem;
    background: #4fc177;
    padding: 0.3rem 0;
    border-radius: 0.5rem;
    cursor: pointer;
}

.loginWindow .connectList .personList .noPerson{
    padding: 1rem;
    text-align: center;
    font-size: 1.2rem;
}

.loginWindow .connectList .groupList .noGroup{
    padding: 1rem;
    text-align: center;
    font-size: 1.2rem;
}

.loginWindow .connectList .personList .eachPerson{
    padding: 0.2rem 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.loginWindow .connectList .personList .eachPerson .personPhoto{
    display: inline-block;
}

.loginWindow .connectList .personList .eachPerson .personPhoto img{
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
}

.loginWindow .connectList .personList .eachPerson .personPhoto span{
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background: #e64c4c;
    font-size: 0.5rem;
    text-align: center;
    line-height: 1.1rem;
    top: 0.1rem;
    left: 1.8rem;
    color: seashell;
}

.loginWindow .connectList .personList .eachPerson .personName{
    position: absolute;
    display: inline-block;
    left: 3.5rem;
    line-height: 2rem;
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.loginWindow .connectList .personList .eachPerson .personMethod{
    position: absolute;
    top: 0.1rem;
    right: 0.5rem;
    display: inline-block;
    line-height: 2rem;
    color: red;
    cursor: pointer;
}

.loginWindow .connectList .groupList .eachGroup{
    padding: 0.2rem 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.loginWindow .connectList .groupList .eachGroup .groupPhoto{
    display: inline-block;
}

.loginWindow .connectList .groupList .eachGroup .groupPhoto img{
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
}

.loginWindow .connectList .groupList .eachGroup .groupPhoto span{
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background: #e64c4c;
    font-size: 0.5rem;
    text-align: center;
    line-height: 1.1rem;
    top: 0.1rem;
    left: 1.8rem;
    color: seashell;
}

.loginWindow .connectList .groupList .eachGroup .groupName{
    position: absolute;
    display: inline-block;
    left: 3.5rem;
    line-height: 2rem;
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.loginWindow .connectList .groupList .eachGroup .groupMethod{
    position: absolute;
    top: 0.1rem;
    right: 0.5rem;
    display: inline-block;
    line-height: 2rem;
    color: red;
    cursor: pointer;
}

.loginWindow .searchList{
    position: absolute;
    bottom: 0.5rem;
    top: 7.5rem;
    width: 18rem;
    left: 0.5rem;
    padding: 0.5rem;
    background: #83b6da;
}

.loginWindow .searchList .typeText{
    color: #aef322;
    font-size: 1.2rem;
}

.loginWindow .searchList .searchText{
    color: #40639f;
    background: #ddd;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 1rem;
    padding: 0.5rem;
    cursor: pointer;
}

.loginWindow .searchList .eachPerson{
    padding: 0.2rem 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.loginWindow .searchList .eachPerson .personPhoto{
    display: inline-block;
}

.loginWindow .searchList .eachPerson .personPhoto img{
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
}

.loginWindow .searchList .eachPerson .personPhoto span{
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background: #e64c4c;
    font-size: 0.5rem;
    text-align: center;
    line-height: 1.1rem;
    top: 0.1rem;
    left: 1.8rem;
}

.loginWindow .searchList .eachPerson .personName{
    position: absolute;
    display: inline-block;
    left: 3.5rem;
    line-height: 2rem;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.loginWindow .searchList .eachPerson .personMethod{
    position: absolute;
    top: 0;
    right: 0.5rem;
    display: inline-block;
    line-height: 2rem;
    color: red;
    cursor: pointer;
}

.chatWindow{
    position: absolute;
    top: 0.5rem;
    bottom: 0.5rem;
    right: 0.5rem;
    left: 21rem;
    max-width: 40rem;
    background: #92D3FF;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.chatWindow .chatUser{
    position: absolute;
    top: 0.5rem;
    height: 1.5rem;
    left: 0.5rem;
    right: 0.5rem;
    background: #dddddd;
    line-height: 1.5rem;
    padding:0 0.8rem;
    font-size: 0.8rem;
    font-weight: bold;
}

.chatWindow .chatUser div{
    display: inline-block;
}

.chatWindow .chatUser span{
    float: right;
    cursor: pointer;
}

.chatWindow .chatDiv{
    position: absolute;
    top: 2rem;
    bottom: 9.5rem;
    right: 0.5rem;
    left: 0.5rem;
    background: #ffffff;
    margin-bottom: 0.5rem;
    overflow-y: auto;
    font-size: 0.5rem;
}

.chatWindow .chatDiv .eachChat{
    padding: 0.2rem 0.3rem;
    position: relative;
    border-bottom: 1px solid #999999;
}

.chatWindow .chatDiv .eachChat .userPhoto{
    display: inline-block;
}

.chatWindow .chatDiv .eachChat .userPhoto img{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.6rem;
}

.chatWindow .chatDiv .eachChat .userName{
    position: absolute;
    display: inline-block;
    left: 1.8rem;
    top: 0.3rem;
    max-width: 20rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatWindow .chatDiv .eachChat .chatTime{
    position: absolute;
    top: 0.3rem;
    right: 0.5rem;
    display: inline-block;
    color: #333;
    cursor: pointer;
}

.chatWindow .chatDiv .eachChat .chatContent{
    text-align: justify;
    margin: 0.2rem 0 0;
    font-size: 0.8rem;
}

.chatWindow .sendDiv{
    position: absolute;
    height: 9rem;
    bottom: 0.5rem;
    right: 0.5rem;
    left: 0.5rem;
}

.chatWindow .sendDiv textarea{
    height: 7rem;
    width: 100%;
    resize: none;
}

.chatWindow .sendDiv .submitDiv{
    text-align: center;
    width: 100%;
    padding: 0.3rem;
}

.chatWindow .sendDiv .submitDiv div{
    border: 1px solid #333;
    border-radius: 0.2rem;
     padding: 0.2rem 0.5rem;
     width: 3rem;
     height: 1rem;
     line-height: 1rem;
     display: inline-block;
     background: #4fc177;
     cursor: pointer;
}

.chatWindow .memberList{
    position: absolute;
    top: 2rem;
    background: #c1e0ec;
    bottom: 10rem;
    padding: 0 0.5rem;
    right: 0.5rem;
    overflow-y: auto;
    font-size: 0.5rem;
    width: 9rem;
}
.chatWindow .memberList .eachGroupPerson{
    position: relative;
    margin-top: 0.3rem;
}

.chatWindow .memberList .eachGroupPerson .personPhoto{
    display: inline-block;
}

.chatWindow .memberList .eachGroupPerson .personPhoto img{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.6rem;
}

.chatWindow .memberList .eachGroupPerson .personName{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: absolute;
    top: 0.1rem;
    left: 1.4rem;
    right: 0rem;
}

.searchWindow{
    left: 50%;
    top: 50%;
    width: 40rem;
    height: 60%;
    background: whitesmoke;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 2;
    border: 0.2rem solid #999;
}

.searchWindow .title{
    height: 2rem;
    padding: 0 1rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1.5rem;
}

.searchWindow .title .closeBtn{
    float: right;
    font-size: 1rem;
    cursor: pointer;
    margin-left: -2rem;
}

.searchWindow .taps{
    width: 40rem;
    height: 1.5rem;
    background: #ddd;
}

.searchWindow .taps .personTap{
    width: 20rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;float: left
}

.searchWindow .taps .groupTap{
    width: 20rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;float: right
}

.searchWindow .searchUser{
    width: 39rem;
    padding: 0.5rem 0.5rem;
    background: #eee;
}

.searchWindow .searchUser input{
    width: 100%;
    padding: 0 0.5rem;
    border: 1px solid #cbcbcb;
}

.searchWindow .personList{
    width: 39rem;
    padding:0 0.5rem;
    overflow-y: auto;
    height: 75%;
}

.searchWindow .personList .noResult{
    padding: 1rem;
    text-align: center;
    font-size: 1.2rem;
}

.searchWindow .personList .eachPerson{
    position: relative;
    float: left;
    width: 12.6rem;
    margin: 0.5rem 0;
}

.searchWindow .personList .eachPerson .personPhoto{
}

.searchWindow .personList .eachPerson .personPhoto img{
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
}

.searchWindow .personList .eachPerson .userName{
    position: absolute;
    top: 0;
    left: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 7.6rem;
    font-size: 0.8rem;
}

.searchWindow .personList .eachPerson .mobile{
    position: absolute;
    top: 1.3rem;
    left: 5rem;
    color: #777;
    font-size: 0.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 7.6rem;
}

.searchWindow .personList .eachPerson .personMethod{
    position: absolute;
    top: 2.6rem;
    left: 5rem;
    background: lightskyblue;
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.searchWindow .groupList{
    width: 39rem;
    padding:0 0.5rem;
    overflow-y: auto;
    height: 75%;
}

.searchWindow .groupList .noResult{
    padding: 1rem;
    text-align: center;
    font-size: 1.2rem;
}

.searchWindow .groupList .eachGroup{
    position: relative;
    float: left;
    width: 12.6rem;
}

.searchWindow .groupList .eachGroup .groupPhoto{
}

.searchWindow .groupList .eachGroup .groupPhoto img{
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
}

.searchWindow .groupList .eachGroup .groupName{
    position: absolute;
    top: 0;
    left: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 7rem;
    font-size: 0.8rem;
}

.searchWindow .groupList .eachGroup .groupMethod{
    position: absolute;
    top: 2.6rem;
    left: 5rem;
    background: lightskyblue;
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.searchWindow .pageDiv{
    margin: 0.5rem auto;
    height: 2rem;
    float: right;
}

.searchWindow .pageDiv .pages{
    float: left;
    list-style: none;
    text-align: center;
    height: 2rem;
    background: #dddddd;
    margin: 0 1rem;
    min-width: 1.4rem;
    padding:0 0.3rem;
    line-height: 2rem;
    cursor: pointer;
}

.searchWindow .pageDiv .active{
    background: #4fc177;
}

.connectWindow{
    left: 50%;
    top: 50%;
    width: 20rem;
    height: 11.5rem;
    background: whitesmoke;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 3;
    border: 0.2rem solid #999;
    padding: 0.5rem;
}

.connectWindow .title{
    height: 2rem;
    padding: 0 1rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1.2rem;
    border-bottom: 1px solid #999;
}

.connectWindow .title .close{
    float: right;
    font-size: 1rem;
    cursor: pointer;
    margin-left: -2rem;
}

.connectWindow .userInfo{
    width: 8rem;
    display: inline-block;
    text-align: center;
    margin: 0.5rem 0;
}

.connectWindow .userInfo .photo{
}

.connectWindow .userInfo .photo img{
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
}

.connectWindow .userInfo .userName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0.3rem;
}

.connectWindow .userInfo .mobile{
    font-size: 0.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #777;
    margin-top: 0.3rem;
}

.connectWindow .applyMsg{
    width: 11rem;
    display: inline-block;
    float: right;
    padding: 0 0.5rem;
    margin: 0.5rem 0;
}

.connectWindow .applyMsg textarea{
    width: 100%;
    height: 7rem;
    resize: none;
    padding: 0.2rem;
}

.connectWindow .applyMsg div{
    border-radius: 0.3rem;
    padding: 0.2rem 0.5rem;
    width: 3rem;
    height: 1rem;
    line-height: 1rem;
    color: #333;
    background: #4fc177;
    text-align: center;
    margin: 0.35rem 3.5rem;
    cursor: pointer;
}

.groupWindow{
    left: 50%;
    top: 50%;
    width: 20rem;
    height: 30.3rem;
    background: whitesmoke;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 2;
    border: 0.2rem solid #999;
    padding: 0.5rem;
}

.groupWindow .title{
    height: 2rem;
    padding: 0 1rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1.2rem;
    border-bottom: 1px solid #999;
}

.groupWindow .title .closeBtn{
    float: right;
    font-size: 1rem;
    cursor: pointer;
    margin-left: -2rem;
}

.groupWindow .groupInfo{
    text-align: center;
}

.groupWindow .groupInfo .groupName{
    margin: 0.5rem 0;
}

.groupWindow .groupInfo .friendList{
    display: inline-block;
    width: 9.5rem;
    border: 1px solid #999;
    float: left;
    height: 24rem;
    overflow-y: auto;
}

.groupWindow .groupInfo .friendList .eachPerson{
    padding: 0.2rem 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    text-align: left;
}

.groupWindow .groupInfo .friendList .eachPerson .personPhoto{
    display: inline-block;
}

.groupWindow .groupInfo .friendList .eachPerson .personPhoto img{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
}

.groupWindow .groupInfo .friendList .eachPerson .personPhoto span{
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background: #e64c4c;
    font-size: 0.5rem;
    text-align: center;
    line-height: 1.1rem;
    top: 0.1rem;
    left: 1.8rem;
}

.groupWindow .groupInfo .friendList .eachPerson .personName{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.groupWindow .groupInfo .friendList .eachPerson .personMethod{
    position: absolute;
    top: 0;
    right: 0.5rem;
    display: inline-block;
    line-height: 2rem;
    color: red;
    cursor: pointer;
}

.groupWindow .groupInfo .chooseList{
    display: inline-block;
    width: 9.5rem;
    border: 1px solid #999;
    float: right;
    height: 24rem;
    overflow-y: auto;
}

.groupWindow .groupInfo .chooseList .eachPerson{
    padding: 0.2rem 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    text-align: left;
}

.groupWindow .groupInfo .chooseList .eachPerson .personPhoto{
    display: inline-block;
}

.groupWindow .groupInfo .chooseList .eachPerson .personPhoto img{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
}

.groupWindow .groupInfo .chooseList .eachPerson .personPhoto span{
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background: #e64c4c;
    font-size: 0.5rem;
    text-align: center;
    line-height: 1.1rem;
    top: 0.1rem;
    left: 1.8rem;
}

.groupWindow .groupInfo .chooseList .eachPerson .personName{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.groupWindow .groupInfo .chooseList .eachPerson .personMethod{
    position: absolute;
    top: 0;
    right: 0.5rem;
    display: inline-block;
    line-height: 2rem;
    color: red;
    cursor: pointer;
}

.groupWindow .groupInfo .methodButton{
    display: inline-block;
    width: 5rem;
    height: 1rem;
    background: #4fc177;
    padding: 0.3rem 0;
    border-radius: 0.5rem;
    line-height: 1rem;
    margin: 0.3rem 0;
    cursor: pointer;
}

.noticeWindow{
    left: 50%;
    top: 50%;
    width: 40rem;
    height: 60%;
    background: whitesmoke;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 2;
    border: 0.2rem solid #999;
}

.noticeWindow .title{
    height: 2rem;
    padding: 0 1rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1.5rem;
}

.noticeWindow .title .closeBtn{
    float: right;
    font-size: 1rem;
    cursor: pointer;
    margin-left: -2rem;
}

.noticeWindow .noticeList{
    width: 39rem;
    padding: 0.5rem;
    overflow-y: auto;
    height: 75%;
}

.noticeWindow .noticeList .noResult{
    padding: 1rem;
    text-align: center;
    font-size: 1.2rem;
}

.noticeWindow .noticeList .eachNotice{
    border: 1px solid #bbb;
    padding: 0.4rem 0.4rem 0;
    background: #eee;
    border-radius: 0.4rem;
    margin: 0 0 0.5rem 0;
}

.noticeWindow .noticeList .eachNotice .photo{
    display: inline-block;
}

.noticeWindow .noticeList .eachNotice .photo img{
    width: 3rem;
    border-radius: 1.5rem;
    height: 3rem;
}

.noticeWindow .noticeList .eachNotice .userName{
    display: inline-block;
    position:  relative;
    width: 27rem;
    height: 3rem;
}

.noticeWindow .noticeList .eachNotice .userName div{
    position: absolute;
    top: 0rem;
    left: 0px;
    font-weight: bold;
}

.noticeWindow .noticeList .eachNotice .userName span{
    position: absolute;
    top: 1.5rem;
    left: 0;
}

.noticeWindow .noticeList .eachNotice .method{
    display: inline-block;
    position: relative;
    width: 5rem;
    height: 3rem;
    float: right;
}

.noticeWindow .noticeList .eachNotice .method .beginTalk{
}

.noticeWindow .noticeList .eachNotice .method .beginTalk span{
    position: absolute;
    top: 0.35rem;
    background: white;
    height: 1.5rem;
    line-height: 1.5;
    padding: 0.3rem;
    left: 0;
    border:  1px solid #aaa;
    border-radius: 0.3rem;
    cursor: pointer;
}

.noticeWindow .noticeList .eachNotice .method .passMethod{
}

.noticeWindow .noticeList .eachNotice .method .passMethod span{
    position: absolute;
    top: 0.35rem;
    background: white;
    height: 1.5rem;
    line-height: 1.5;
    padding: 0.3rem;
    left: 0;
    border:  1px solid #aaa;
    border-radius: 0.3rem 0 0 0.3rem;
    cursor: pointer;
    border-right: none;
    z-index: 2;
}

.noticeWindow .noticeList .eachNotice .method .passMethod select{
    position: absolute;
    top: 0.35rem;
    background: white;
    height: 1.5rem;
    line-height: 1.5;
    padding: 0.3rem;
    left: 0;
    border:  1px solid #aaa;
    border-radius: 0.3rem;
    font-size: 1rem;
    height: 2.22rem;
}

.noticeWindow .pageDiv{
    margin: 0.5rem auto;
    height: 2rem;
    float: right;
}

.noticeWindow .pageDiv .pages{
    float: left;
    list-style: none;
    text-align: center;
    height: 2rem;
    background: #dddddd;
    margin: 0 1rem;
    min-width: 1.4rem;
    padding:0 0.3rem;
    line-height: 2rem;
    cursor: pointer;
}

.noticeWindow .pageDiv .active{
    background: #4fc177;
}

.messageWindow{
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    background: #4fc177;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 1rem;
    line-height: 2rem;
    border-radius: 1rem;
    z-index: 2;
}
